<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script src="../resource/jquery-2.1.1.js"></script>
	<script src="../resource/jquery.sparkline.js"></script>
</head>
<body>
<p>
	Inline Sparkline: <span class="inlinesparkline">1,4,4,7,5,9,10</span>.
</p>
<p>
	Sparkline with dynamic data: <span class="dynamicsparkline">Loading..</span>
</p>
<p>
	Bar chart with dynamic data: <span class="dynamicbar">Loading..</span>
</p>
<p>
	Bar chart with inline data: <span class="inlinebar">1,3,4,5,3,5</span>
</p>
<p>
	Bar chart with inline data: <span class="inlinepie">1,3,4,5,3,5</span>
</p>

<script type="text/javascript">
	$(function() {

		$('.inlinesparkline').sparkline();

		var myvalues = [10,8,5,7,4,4,1];
		$('.dynamicsparkline').sparkline(myvalues);

		$('.dynamicbar').sparkline(myvalues, {type: 'bar', barColor: 'green'} );

		$('.inlinebar').sparkline('html', {type: 'bar', barColor: 'red'} );
		$('.inlinepie').sparkline('html', {type: 'pie', barColor: 'red'} );
	});
</script>
</body>
</html>